@@@@@@@@@@@@@@@@   TjzM@What's New 2004N79


@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@97

@@@@@@  @  @@@banban@scollabo.com



@@úAS҂⒆҂@ƍ@gɂāAv̖{i
@I Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂ
@܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂
@悤ɂȂ܂B

@@@T̃Rec
@@@@ @̂߂  Q --- I^OƎqvf̈
@@@@ CSSu@17 --- `ς݃Xg
@@  @ ̉i18j --- border



@̂߂ --- I^OƎqvf̈

@͏I^ÖƁAɏdvȐevfƌٗp̊֌Wɂĉ
@܂BƂPAX~XɂȂ邱Ƃ̉\߂dvȉۑ
@ɂȂ܂B

@I^Ö
@ʏAHTML̃^O͂Recvf݂͂܂A̍ہAJn^OƏI
@^O΂ɂȂ (Rei^OƌĂ΂) ̂ʓIłB
@@HTML̕Wdl (TipsQ) ł́Aꕔ̃^OŏI^Oȗ邱Ƃ
@\ɂȂĂ܂B

@@Wdlł͏I^ȌȗuOptionFIvVvƂĂAׂ
@ WebuEU͂T|[g邱Ƃ𖾋LĂ܂B
@@܂I^Ȍȗ́AuEUł⊮Ă킯łB

@@I^ȌȗĂ͈̂ȉ̂ƂłBȊOł͏I^
@Ȍȗ͋Ă܂B

@@@html@@@@HTML̍ŏʗvf (Jn^Ȍȗ)
@@@head@@@@wb_͂ރ^O (Jn^Ȍȗ)
@@@body@@@@Rec͂ރ^O (Jn^Ȍȗ)
@@@p@@@@@ ivf
@@@colgroup@@e[uZ̏c̗\IɃO[vvf
      td@@@@@e[ũf[^Zvf
      th@@@@@e[ũwb_Zvf
      tr@@@@@e[ū̍s`vf
      tbody@@@ e[u̖{̂`vf
      thead@@@ e[ũwb_`vf
      tfoot@@@ e[ũtb^`vf
      li@@@@@Xgڗvf
@@@dt@@@@@`Xg̒`pvf
      dd@@@@@`Xg̒`p̏ڍׂ͂ޗvf
@@@option@@@j[Xg̍ڗvf

@@ł́AI^Ȍȗ͖{ɐ̂ł傤H
@ۂ XMLA邢 XHTMLIɉ߂Ȃ΁AI^Ȍȗ͋
@܂B}[NAbv̖{̍l𓥏PȂ΁Ał邾I^
@Ȍȗ͔ĂƂłB

@@݂̂ƂAHTML͂ȏAbvO[h\肪܂Bނ
@AXHTMLAXMLֈڍs悤ƂĂ܂BlɌ
@wKĂ߂ɂAI^OLqNZĂƂ́A
@ψӖ̂邱ƂłB

@@ႦΒi킷 pvf̏I^OȗꍇAɍlƁA
@̒ȉI肪ȂƂɂȂ܂BƂuEUŏI^O⊮
@Ƃ͂A@IɌuvƂɋCÂł傤B
@@uEUŕ⊮邱ƂɂȂĂ܂AׂẴ\tgEFA
@łƂ͌܂B

@@ȂAI^O҂Ȃ (vffȂ) ^O܂A
@^O (Empty Element) ƌĂт܂B^Oɂ͈ȉ̂̂`Ă
@܂Bi񐄏vf)

@@@area@@̈w (C[W}bvȂ)
@@@br@@@s
@@@col@@ f[^Z̃O[v
@@@hr@@@r̕\
@@@img@@ Î~摜̕\
@@@input@ ̓tB[h
@@@link@@OƂ̊֌W
@@@meta@@^`
@@@param@ p[^̎w


@evfƎqvf̊֌W
@vf̒ɕʂ̗vfzuĂƂAKRIɐeqvf̊֌W
@藧܂B
@@Ⴆ΁A

@@<body>
@@<p>Web̕Wdl𐧒肷 <a href="http://www.w3.org/">W3C</a> ́A
@@}T`[ZbcHȑwAcwAĉB񏈗wR\
@@[VAzXgƂȂđgDĂ܂B</p>
@@</body>

@@ł̍ŏʗvf́AbodyvfƂȂ܂Bbodyvf̒ڂ̎qvfƂ
@̂ pvfłB pvf̒ڂ̎qvf avfłB
@@tɌ avf̐evf pvfƂȂApvf̐evf́Abodyvf
@Ȃ܂B܂Abodyvf̑vf avfƂȂ܂B

@@@body@ŏʗvfBpvf͎qvfAavf͑vfƂȂB
@@@p @@evf bodyAqvf avfƂȂB
@@@a @@evf pvfAbodyvf͑cvfƂȂB

@@炩画fƁAevfeq̊Kw֌Wɂ邱Ƃł܂B

@߂ꂽeq֌W
@vf̐eq֌Wł́A^OɂĂ͎qvf肳̂܂B
@@ȉ́Aqvf肳evf̈ꗗłB

@@evf@@@@Œzuׂqvf
@@--------------------------------------------------------
@@table@ @@tr
@@tr@@@@@tdAth
@@ul@@@@@li
@@ol@@@@@li
@@dl@@@@@ddAdt
@@body@@@@ubNxvf
@@form@@@@ubNxvf
@@blockquote@ubNxvf
@@noscript@@ubNxvf

@@̗vf֌ẂAevfɎqvfƂĕKzuȂ΂ȂȂ
@񂪂邱ƂoĂB
@@ɁA߂Ăqvf (tdAthAliAddAdt) Ȃǂ͒PƂŗp
@邱Ƃł܂BKevfƑgɂȂȂ΂Ȃ܂B

@@bodyvf̎qvfƂăubNxvfzuȂ΂Ȃ܂
@A΃CCxvf͒PƂŗp邱ƂłȂƂ
@ƂɂȂ܂B܂ACCxvf́A炩̃ubNx
@vf̒ŔzuȂ΂ȂȂƂƂłB

@@Ⴆ΁A
@@@<body>
@@@@<a href="http://www.w3.org">W3C</a>
@@@</body>

@@ƂꍇAɂ͕@ᔽƂȂ܂Bbosyvfɂ̓CC
@xvfł a^O͔zułȂ̂łBmɂ́A

@@<body>
@@@<p><a href="http://www.w3.org">W3C</a></p>
@@</body>

@@Ƃ悤ɁAubNxvfŔzu܂B

@@@ ͕^`ɂĉ܂B



Tips@HTML̕Wdl

@HTML̕Wdl߂Ă̂́AẼ\tgn[hEFÃx_[
@ćAZpҁAlőgDĂ W3C (World Wide Web Consortium) 
@ƂcgDɂēcAlX̎oČ肳Ă܂B
@@ W3CM҂Ƃ킯ł͂܂񂪁Aʏ WebuEUʐM
@\tg̎dĺAׂ W3CdlɑčĂ܂B

@@AWdlȂƂA Web̗͂肦
@ƂƎv܂BׂẴuEU̐U镑͕WdlɏĂ
@ƒfłł傤Bl W3C̕WdlwԂƂƂ́A
@҂ɂƂẮAψӖ̂邱Ƃł͂Ȃł傤B



CSSu --- `ς݃Xg

@łDŎgĂ郊Xg̈łu`ς݃XgṽX^C
@tɂĉ܂B

@`ς݃XgƂ
@`pƂ̐Ƃ`Ő藧XgłAꂵu`
@pvƂA鍀ڂɑ΂uovƂ́uvƂ
@X^Cŗp邱Ƃ̂łB
@@`XǵAdlvfŃXgł邱Ƃ`A`p (Ɍ
@Όo) ɂ dtvfA̐ ddvfg܂B

@@
@@@<dl>
@@@@<dt>`p (o) </dt>
@@@@<dd>p̐</dd>
@@@</dl>

@@ʓIȃuEUł́AddvfeCfg () ĕ\
@܂Bǂꂭ炢Cfg邩̓uEUɂĈقȂ܂
@AX^CV[g𗘗p邱ƂŃCfgCӂɃRg[邱
@Ƃł܂B (ȂAԍtXĝ悤ȃ}[J[͕\܂B)

@@CfgƂĂۂɂ͒PȂ]łAmarging΁A
@PɃCfg (̂悤Ɍ]) Rg[܂B

@@dtvfň͂ޒ`p (o) ɃX^Ct邱ƂŁAo
@Ƃ̉ (î悤Ɍ) Ƃ𖾊mɋʂ邱ƂŁAo
@̌ʂ߂邱Ƃłł傤B
@@TCgŎgpĂ`Xg̃X^CV[ggĕ쐬
@Ă݂܂傤B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>`Xg/CSSu</title>
<style type="text/css">
<!--
body { margin-left: 6%;
       margin-right: 6%;
       background: #ffffde;
       color: #000 }

h1   {
      margin: 0;
      padding: 2px;
      background: #069;
      color: #fff;
      font-size: 1.2em;
      text-indent: 1em }

dl   {
      margin: 0 }

dt   {
      margin-top: 1em;
      padding: 0.1em;
      background: #ffc;
      color: #000;
      border-top: 2px solid #069;
      border-bottom: 2px solid #069;
      font-weight: bold;
      text-indent: 1em }

dd   {
      margin: 0;
      letter-spacing: 1px;
      line-height: 130% }
-->
</style>
</head>

<body>
<h1>pW</h1>

<dl>
<dt>HTML</dt>
<dd>HTMĹAHyper Text Markup Language ̓ŁA
[c SGMLɂ܂B{IɌ߂ꂽ菇ł镶̗vfe
ɉāA_Iȍ\悤Ƀ}[NAbv܂B</dd>
<dd>}[NAbvꂽ́AWebʂĐEɔzM邱Ƃ\
Ȃ邱ƂŁANłȒPɏ邱Ƃł悤ɂȂ܂B</dd>

<dt>W3C</dt>
<dd>W3CƂ́AWorld Wide Web Consortium ̗ŁAWebɊւWdl
߂閯Ԃ̔cgDłBẼx_[ZpҁAl
ǂW܂A݂̓}T`[ZbcHȑwAB񏈗wR\
[VAAcw̎O҂zXg΂߂ĂB</dd>
</dl>

</body>
</html>

@Tv̎s
@http://www.scollabo.com/banban/magazine/ms/sample_97-1.html


X^CV[g̉

@body { margin-left: 6%; margin-right: 6%; color: #000;
           background: #fff }

@Reczu邽߂bodyvfX^CtĂ܂B
@@E̗]̓uEUʔ䗦̂UƂAFFAwiF𔒐F
@Ă܂B

@h1 { margin: 0; padding: 2px; background: #069; color: #fff;
         font-size: 1.2em; text-indent: 1em }

@ovf̔wiF񂾐FɁAF͔Fɂ܂B܂㉺
@]ȂAvf̗] (wiFKp) ɂ͏㉺EƂQsN
@ZƂATCYWQ傫܂B܂P̃C
@fgݒ肵Ă܂B

@dl { margin: 0 }

@u`Xgv`邽߂̗vfŁA㉺E̗]ȂĂ܂B

@dt { margin-top: 1em; padding: 0.1em; background: #ffc; color: #000;
         border-top: 2px solid #069; border-bottom: 2px solid #069;
         font-weight: bold; text-indent: 1em }

@@`p (oƂȂ镔) ͂ dlvfׂݒ肵Ă܂B
@㑤̗]PAvf̗̓]͂P10̂PɐݒAwiF
@̓N[FAF͍FA㉺ɂQZ̑rA
@͋APCfgĂ܂B

܂Ƃ

@@ɌfX^CV[gɃAWĂBF傫
@Ȃǂς邾łԂۂĂł傤B



HTMLAXHTML̉ --- border

@vf̎lɌr\邽߂̑łB

@border@vf̎lɌr\
@DTDF@@@ @ׂĂ̕^`ŗp
@lF@@@ (sNZP)
@Lq@F@@@<table border="1">
@֘AvfF@@img (񐄏)Aobject (񐄏)Atable

@XHTML̐Fɂ܂񂪁AXHTML1.1ł tablevf̂ݎgp\

@bordeŕAimg  objectvfŗpꍇA^`ɉߓndl
@݂Ɍ܂Bidl (Strict) ł͎g܂B

@@img objectvfɗpꍇ́A摜Nu^ȂǂŗpƂ
@ɗLɂȂ܂B



͂܂ŁB

@\󂠂܂񂪁uT̂炢v͖łBS`Tɂ̓Abv
@Ǝv܂B΂炭҂B

@@T̂炢ڎ@http://www.scollabo.com/banban/magazine/

@́A723ɔzM\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
@ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
@Ǝv܂B
@@AlIȎRɂԎx邱Ƃ܂BB
@}̏ꍇɂ́ATCǧfpBƒN
@ĂƎv܂B

@sҁ@΂΂
@@́@XYLER{[V@http://www.scollabo.com/
@zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

@obNio[@ŌJĂ܂B
@v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
@ê炢@@http://www.scollabo.com/banban/magazine/
@A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
@܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

@zM̕ύXE~͂łB
@ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
@܂B
@@TCgɂā@http://www.scollabo.com/banban/magazine/top.html
@@܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@nł͖ҏĂ܂B~J肵Ă͂܂J~炸A
@悤ȏŏXăoeCłB (AȂ)

@@x̓j͎Qc@IłBL҂͕̕K[܂傤B
@ŝȂ΂Ȃ̂ƂłB̎QłȂ
@A[𓊂ĂB



쌠ɂ
@l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
@Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@@ȂAL̃X^CV[gAXNvgAHTML̃y[W쐬
@RɎgĂĂx܂B

    @       Copyright(C) 2002-2004  www.scollabo.com/banban/




